<template>
  <div class="hover-button" @click="handleOnClick">
    <img :src="imgPath" alt>
  </div>
</template>
<script>
export default {
  name: 'hover-button',
  data() {
    return {
      // pic: require('@/assets/img/hover-button.png')
    }
  },
  computed: {
    imgPath() {
      const debug = process.env.NODE_ENV !== 'production';
      return debug ? require('@/assets/img/hover-button.png') : '/CloudPayment/static/enroll/img/hover-button.png'
    }
  },
  methods: {
    handleOnClick() {
      this.$router.push('/history');
    }
  }
}
</script>
<style lang="less" scoped>
.hover-button {
  position: fixed;
  right: 0.42rem;
  bottom: 1rem;
  img {
    width: 1.64rem;
    height: 1.64rem;
  }
}
</style>
